<!-- =========================================================================================
	File Name: ModelTree.vue
	Description: modelTree page
========================================================================================== -->
<template>
  <el-tree class="model-tree" unselectable="on" v-bind="$attrs" v-on="$listeners" ref="tree"></el-tree>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    renderContent(h, { node, data }) {
      return (
        <span class="custom-tree-node flex items-center">
          <i class={data.className}></i>
          <span style="margin-left:5px;">{node.label}</span>
        </span>
      );
    }
  }
};
</script>
<style lang="scss" scoped>
/deep/ .custom-tree-node .common-level {
  display: inline-block;
  background: url("../../assets/images/model-tree/common-level.png") !important;
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
}
/deep/ .custom-tree-node .last-level {
  display: inline-block;
  background: url("../../assets/images/model-tree/last-level.png") !important;
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
}
</style>
